.osc-secrets-form {
  .advanced-secrets,
  .basic-secrets {
    .input-labels,
    .help-blocks {
      display: table;
      padding-right: 30px;
      position: relative;
      width: 100%;
      .input-label,
      .help-block {
        width: 100%;
        float: left;
        padding-right: 5px;
      }
    }
    .secret-row {
      display: table;
      padding-right: 30px;
      position: relative;
      width: 100%;
      // match form-group
      margin-bottom: 15px;
      .secret-name {
        float: left;
        width: 100%;
      }
      .remove-secret {
        position: absolute;
        right: 0;
        top: 0;
      }
    }
  }

  .advanced-secrets {
    .input-labels,
    .help-blocks {
      .input-label,
      .help-block {
        width: 50%;
      }
    }
    .secret-row {
      .secret-name,
      .destination-dir {
        width: 50%;
        display: inline-block;
      }
      .destination-dir {
        padding-left: 5px;
      }
    }
  }
}

dl.secret-data {
  dd {
    margin-bottom: 10px;
    @media (min-width: @screen-md-min) {
      margin-left: @dl-horizontal-offset;
    }
    .copy-to-clipboard {
      font-family: @font-family-monospace;
    }
  }
  dt {
    margin-bottom: 5px;
    @media (min-width: @screen-md-min) {
      clear: left;
      float: left;
      text-align: right;
      .text-overflow();
      width: (@dl-horizontal-offset - 20);
    }
  }
  pre {
    margin-bottom: 0;
  }
}

.create-secret-modal {
  background-color: @color-pf-black-150;
  .modal-footer{
    margin-top: 0px
  }
  .modal-body {
    padding: 0px 18px;
  }
}

.create-secret-editor {
  height: 150px;
}

.create-secret-form {
  .help-block {
    margin-bottom: 10px;
  }
}
